<script lang="ts">
	import { getFormField } from "formsnap";
	import type { HTMLTextareaAttributes } from "svelte/elements";
	import type { TextareaGetFormField } from ".";
	import {
		Textarea,
		type TextareaEvents
	} from "$lib/components/ui/textarea";

	type $$Props = HTMLTextareaAttributes;
	type $$Events = TextareaEvents;

	const { attrStore, value } = getFormField() as TextareaGetFormField;
</script>

<Textarea
	{...$attrStore}
	bind:value={$value}
	{...$$restProps}
	on:blur
	on:change
	on:click
	on:focus
	on:keydown
	on:keypress
	on:keyup
	on:mouseover
	on:mouseenter
	on:mouseleave
	on:paste
	on:input
/>
